.loutinav {
  width: 84px;
  position: fixed;
  bottom: 10px;
  right: 51%;
  margin-right: -690px;
  z-index: 666; }

.loutibanner {
  position: relative;
  width: 80px;
  height: 130px;
  overflow: hidden;
  background-color: #ffffff; }

.loutibanner .banner_pic {
  width: 80px;
  height: 110px;
  position: relative; }

.loutibanner .banner_pic div {
  position: absolute;
  left: 0;
  top: 0; }

.loutibanner .lt_circle_btn {
  position: absolute;
  bottom: 2%;
  width: 100%;
  text-align: center;
  z-index: 9999; }

.loutibanner .lt_circle_btn li {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
  background: url("../img/q.png"); }

.loutibanner .lt_circle_btn .active {
  background: url("../img/qf.png"); }

.loutibutton {
  margin-top: 11px;
  width: 84px;
  display: none; }

.loutibutton div {
  width: 100%;
  background-color: #ffffff;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #3c3c3c;
  cursor: pointer;
  font-size: 12px; }

.service {
  width: 84px;
  height: auto;
  margin-bottom: 10px; }

.service .kefu {
  border-top: 1px dotted #d3d3d3;
  width: 100%;
  height: 22px;
  padding-top: 55px;
  text-align: center;
  background: #fff url("../img/bg.site.nav.png") 16px -539px no-repeat; }

.back_top {
  width: 84px;
  height: 30px;
  background: #4b4c50 url("../img/bg.site.nav.png") -1px -604px no-repeat;
  color: #fff;
  font-weight: bold;
  text-indent: 23px;
  line-height: 30px;
  cursor: pointer;
  font-size: 12px; }

.loutibutton .active {
  background-color: #fb4255;
  color: #fff; }
